<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_200_06K.jsp
    Description : 해피 무비
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>현대자동차 CSR &#124; 해피무브</title>
<meta name="description" content="현대자동차 CSR의 중점 사회공헌 중  해피무브를 소개해 드립니다." />
<meta name="keywords" content="현대자동차 CSR, 현대자동차 자원봉사 체계도, 임직원 자원봉사, 해피무브 글로벌 청년 봉사단" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<script type="text/javascript">
    function fe_viewMap(imgNm){
        $(".actGlobal img").attr("src", "/img/usr/srt/happymove_map_" + imgNm + ".gif");
    }
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/top.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <div class="location">
                        <a href="/ma_100_01.do">홈</a>
                        <a href="/rt_100_01.do">사회공헌</a>
                        <a href="/rt_200_01.do">4대무브</a>
                        <span>해피무브</span>
                    </div>
                    <h2>4대무브</h2>
                    <ul class="menuTab">
                        <li><h3><a href="/rt_200_02.do">이지무브</a></h3></li>
                        <li><h3><a href="/rt_200_03.do">세이프무브</a></h3></li>
                        <li><h3><a href="/rt_200_04.do">그린무브</a></h3></li>
                        <li class="atv"><h3><a href="/rt_200_05.do">해피무브</a></h3></li><!-- current menu : add class "atv" -->
                    </ul>
                </div>
                <div id="contetns" class="happyMove">
                    <div class="contTitle">
                        <h4>해피무브(Happy Move)</h4>
                        <p class="h4descript">이웃과 사회를 위해 따뜻한 마음과 성실한 열정을 나누는 자원봉사는 함께 움직이는 세상을 만드는 아름다운 에너지입니다. 현대자동차는 임직원과 가족, 대학생들의 힘을 합쳐 국내외의 어려운 이웃들을 직접 찾아가 기쁘게 정을 나누고 기꺼이 땀을 흘리며 함께 어울려 살아가는 세상을 만들어갑니다.</p>
                    </div>

                    <div class="partType">
                        <h5>현대자동차 자원봉사 체계도</h5>
                        <p><img src="/img/usr/srt/happymove_img3.jpg" alt="직원 참여형 : 공통 프로그램(결연시설 정기 방문봉사, 사랑의 집수리, 명절 사회봉사, 1사 1촌 농촌사랑, 파란산타 자원봉사), 선택형 프로그램(임직원 가족봉사, H-Volunteer Designer, 사내 동호회 재능기부 활동) | 외부 참여형 : 희망엔진 대학생봉사단, 해피무브 글로벌 청년봉사단" /></p>
                    </div>

                    <ul class="tabMove">
                        <li><a href="/rt_200_05.do"><img src="/img/usr/srt/tab_happymove1_off.gif" alt="임직원 자원봉사" /></a></li>
                        <li><a href="/rt_200_06.do"><img src="/img/usr/srt/tab_happymove2_on.gif" alt="해피무브 글로벌 청년 봉사단" /></a></li>
                    </ul>

                    <h5 class="invisible">해피무브 글로벌 청년 봉사단</h5>
                    <div class="tabContent globalYouth">
                        <div class="actIntro">
                            <h6>1. 소개</h6>
                            <p>현대자동차의 ‘Happy Move 글로벌 청년 봉사단’은 국제사회에 대한 대한민국의 기여 확대와 미래를 책임질 글로벌 청년리더 양성을 위해 2008년 7월 창설한 최대 규모의 민간 봉사단입니다.</p>
                            <h6>2. 활동내역</h6>
                            <p>젊음을 통한 열정과 패기의 봉사활동을 전세계적으로 펼칩니다.</p>
                        </div>

                        <ul class="actImg">
                            <li><img src="/img/usr/srt/happymove_img15.jpg" alt="해피무브 글로벌 청년 봉사단 사진" /></li>
                            <li><img src="/img/usr/srt/happymove_img16.jpg" alt="해피무브 글로벌 청년 봉사단 사진" /></li>
                        </ul>

                        <div class="actGlobal">
                            <img src="/img/usr/srt/happymove_map_default.gif" alt="해피무브 글로벌 청년 봉사단 활동 지역" title="해당 지역을 클릭하면 봉사활동 내역을 볼 수 있습니다." usemap="#actGlobalMap" />
                            <map name="actGlobalMap" id="actGlobalMap">
                                <area shape="poly" coords="100,195,109,188,119,195,120,206,109,216,100,207" href="javascript:fe_viewMap('01');" alt="프라하 요리봉사(2기), 부다페스트 요리봉사(1기)" title="체코/헝가리" />
                                <area shape="poly" coords="126,206,135,199,145,206,146,217,135,227,126,218" href="javascript:fe_viewMap('02');" alt="질리나 요리봉사(2기)" title="슬로바키아" />
                                <area shape="poly" coords="128,250,137,243,147,250,148,261,138,271,128,262" href="javascript:fe_viewMap('03');" alt="카이로 지역봉사(6기)" title="이집트" />
                                <area shape="poly" coords="152,231,161,224,171,231,172,242,161,252,152,243" href="javascript:fe_viewMap('04');" alt="이스탄불 요리봉사(1기,2기)" title="터키" />
                                <area shape="poly" coords="172,296,181,289,191,296,192,307,182,317,172,308" href="javascript:fe_viewMap('05');" alt="아디스아바바 지역봉사(7기)" title="에티오피아" />
                                <area shape="poly" coords="252,246,261,239,271,246,272,257,262,267,252,258" href="javascript:fe_viewMap('06');" alt="델리 요리봉사(1기, 6기), 첸나이 지역봉사(1~8기)" title="인도" />
                                <area shape="poly" coords="299,288,308,281,318,288,319,299,309,309,299,300" href="javascript:fe_viewMap('07');" alt="방콕 지역봉사(1기, 7기)" title="태국" />
                                <area shape="poly" coords="319,254,328,247,338,254,339,265,329,275,319,266" href="javascript:fe_viewMap('08');" alt="비엔티안 지역봉사(8기)" title="라오스" />
                                <area shape="poly" coords="328,199,337,192,347,199,348,210,338,220,328,211" href="javascript:fe_viewMap('09');" alt="내몽골 환경봉사(1기, 3기, 5기, 7기, 8기), 북경 요리봉사(1기), 염성 지역봉사(2기), 쓰촨 지역봉사(3기, 4기), 광저우 지역봉사(5~7기)" title="중국" />
                                <area shape="poly" coords="356,286,365,279,375,286,376,297,366,307,356,298" href="javascript:fe_viewMap('10');" alt="마닐라 지역봉사(5기, 6기)" title="필리핀" />
                                <area shape="poly" coords="393,333,402,326,412,333,413,344,403,354,393,345" href="javascript:fe_viewMap('11');" alt="자카르타 지역봉사(8기)" title="인도네시아" />
                                <area shape="poly" coords="775,348,784,341,794,348,795,359,785,369,775,360" href="javascript:fe_viewMap('12');" alt="상파울로 지역봉사(4~8기), 피라시카바 지역봉사(8기)" title="브라질" />
                            </map>
                        </div>

                        <p class="gotoYouth"><a href="http://youth.hyundai-kiamotors.com/" target="_blank">'해피무브 글로벌 청년 봉사단' 홈페이지에서 자세한 내용 확인하기</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottom.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>